import * as THREE from "three";
import { LineGeometry } from "three/addons/lines/LineGeometry.js";
import { LineMaterial } from "three/addons/lines/LineMaterial.js";
import { Line2 } from "three/addons/lines/Line2.js";

const group = new THREE.Group();

const arc1 = new THREE.EllipseCurve(0, 0, 200, 200, 0, Math.PI * 2);
const pointsArr1 = arc1.getPoints(100);
const geometry1 = new LineGeometry();

geometry1.setFromPoints(pointsArr1);
const material1 = new LineMaterial({
  color: new THREE.Color("white"),
  lineWidth: 5,
});
const line1 = new Line2(geometry1, material1);
group.add(line1);

const arc2 = new THREE.EllipseCurve(0, 0, 160, 160, 0, Math.PI * 2);
const pointsArr2 = arc2.getPoints(50);
const geometry2 = new THREE.BufferGeometry();
geometry2.setFromPoints(pointsArr2);
const material2 = new THREE.LineBasicMaterial({
  color: new THREE.Color("white"),
});
const line2 = new THREE.Line(geometry2, material2);
group.add(line2);

export default group;
